<template>
	<view class="good_item">
		<view class="good_info">
			<view class="good_name">{{ item.skuName }}</view>
			<view class="good_specs">{{ item.remark || '无备注' }}</view>
		</view>
		<view class="good_cp">
			<view class="good_price">￥{{ item.amount || item.goodsBO.price }}</view>
			<view class="good_count">共{{ item.goodsCount }}件</view>
		</view>
	</view>
</template>

<script lang="ts" setup>
interface Item {
	skuName: string;
	remark: string;
	amount: any;
	goodsCount: any;
	goodsBO?: any;
}
defineProps<{
	item: Item;
}>();
</script>

<style scoped lang="scss">
.good_item {
	margin-top: 12rpx;
	width: 100%;
	height: 108rpx;
	display: flex;
	justify-content: space-between;
	align-items: center;
	.good_info {
		width: 292rpx;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		margin-left: 18rpx;
		.good_name {
			font-size: 28rpx;
			font-family: Inter-Regular, Inter;
			font-weight: 400;
			color: #28282b;
		}
		.good_specs {
			font-size: 24rpx;
			font-family: Source Han Sans CN-Regular, Source Han Sans CN;
			font-weight: 400;
			color: #999999;
		}
	}
	.good_cp {
		.good_price {
			text-align: center;
			font-size: 28rpx;
			font-family: Source Han Sans CN-Regular, Source Han Sans CN;
			font-weight: 400;
			color: #000000;
		}
		.good_count {
			font-size: 28rpx;
			font-family: Source Han Sans CN-Regular, Source Han Sans CN;
			font-weight: 400;
			color: #3d3d3d;
		}
	}
}
</style>
